/*基础属性*/
.a-radius{border-radius: 5px;}
.a-color1{}
.a-color2{}
.a-color3{}
.a-color4{}
.a-color5{}
.a-bg1{background-color:#3598dc}
.a-bg1:hover{}
.a-bg2{background-color:#e7505a;}
.a-bg2:hover{background-color:#789;color:#fff;}
.a-bg3{background-color:#32c5d2;}
.a-bg3:hover{background-color:#567;color:#fff;}
.a-bg4{background-color:#8E44AD;}
.a-bg4:hover{background-color:#567;color:#fff;}
.a-bg5{background-color:#567;color:#fff;}
.a-bg5:hover{}
.n-template{display:none!important;}


.n-middle{margin:0 auto;}
.n-max-width{width:1200px;}
.n-block-bg{background-color: #fff;}
.n-padding{padding:10px;}

.des{display:none;border:1px solid #F5CECD;background-color: #67AF31;padding:10px;margin:10px;}

/*虚拟下拉选择组件*/
dl.n-select{display:inline-block;position: relative;width:160px;margin:0;}
dl.n-select > dt{border:1px solid #32c5d2;line-height:20px;padding:5px 10px;}
dl.n-select > dd{width:100%;border-bottom:1px solid #32c5d2;display:none;margin:0;background-color:#fff;}
dl.n-select > dd div{line-height:20px;padding:5px 10px;border:1px solid #32c5d2;border-width:0 1px 0 1px;}
dl.n-select > dd div:hover{background-color:#f2f6f9;}
dl.n-select > dt.selected{border-bottom:1px solid;}
dl.n-select > dd{position: absolute;z-index: 1;}
/*卡片组件*/
.n-card{border:1px solid;padding:10px;height:100px;color:#fff;}
.n-card:hover{}
.n-card[href]{cursor: pointer;}
.n-card h3{margin-bottom:10px;}
.n-card b{font-weight: 300;}
/*标准盒子*/
dl.n-box{border-color:#abcabc;overflow: hidden;background-color: #fff;margin:0;}
dl.n-box > dt{margin:10px;padding:10px;border-bottom:1px solid #eef1f5;color:#32c5d2;font-size:16px;font-weight: bold;}
dl.n-box > dt .n-right{font-weight:normal;float:right;font-size:14px;}
dl.n-box > dd{padding:10px;margin:0;}

/*虚拟复选框*/
.n-checkbox{display:inline-block;width:24px;height:24px;line-height:24px;background-color:blue;}
.n-checkbox span{border:2px solid;display:inline-block;width:20px;height:20px;font-size:20px;line-height:20px;text-align: center;border-color:#d9dadc;background-color:#fafafa;color:#fafafa;}
.checked span{color:#3B8D8D;border-color:#3B8D8D;}
/*标准边距*/
.n-sep{margin:10px;}
.n-sep-right{margin-right:10px;}
.n-sep-top{margin-top:10px;}
.n-sep-left{margin-left:10px;}
.n-sep-bottom{margin-bottom:10px;}
/*标准尺寸*/
.n-size-mini{width:200px;}
.n-size-small{width:300px;}
.n-size-normal{width:500px;}
.n-size-big{width:700px;}
.n-size-huge{width:800px;}
.n-size-full{width:100%;}
/*标准按钮*/
a.n-btn{padding:4px 10px;display: inline-block;margin:0 5px;background-color:#32c5d2;color:#fff;}
a.n-btn-icon{border-radius: 10px;color:#666;display: inline-block;width:20px;text-align: center;border:1px solid #666;}
a.n-btn-icon i{line-height:20px;}
a.n-btn-icon:hover{background-color: #666;color:#fff;}
/*分页*/
.n-paging{padding:20px 0;text-align:right;}
.n-paging a{display:inline-block;line-height:36px;padding:0 10px;border:1px solid;text-decoration:none;margin-right:4px}
.n-paging span{display:inline-block;line-height:20px;padding:0 7px 0 8px;margin-right:4px;}
/*日历板*/
.n-calendar{width:120px!important;}
.n-calendar-pad{border:1px solid;position:absolute;top:0px;left:100px;width:217px;padding:2px;border-color:#789789;background-color:#fff;}
.n-calendar-pad dt div{height:26px;}
.n-calendar-pad dt div.calendar-date a{width:23px;}
.n-calendar-pad dt div.calendar-date span.calendar-month{width:28px;}
.n-calendar-pad dt div.calendar-week span{display:block;float:left;width:23px;}
.n-calendar-pad a,.n-calendar-pad span{display:block;float:left;padding:2px;text-align:center;margin:1px;border:1px solid;text-decoration:none;background-color:#efefef;border-color:#456456;}
.n-calendar-pad span{width:49px;background-color:#efefef;}
.n-calendar-pad dd{margin:0px;}
.n-calendar-pad dd a{display:block;float:left;width:23px;text-align:center;margin:1px;border:1px solid;background-color:#efefef;border-color:#abcabc;}
.n-calendar-pad dd a.current{text-align:center;margin:1px;background-color:#def!important;}
.n-calendar-pad dd a.weekend{background-color:#def;}
.n-calendar-pad dd span{display:block;float:left;width:23px;text-align:center;margin:1px;border:1px solid;background-color:#fff;border-color:#fff;color:#fff;}
/*标准表格*/
.n-table{border-color:#abcabc;border:1px solid #e7ecf1;}
.n-table th{font-weight:bold;border-bottom:2px solid #e7ecf1;}
.n-table td,.n-table th{text-align:left;border-color:#E9E9E9;padding:8px;line-height: 1.4em;}
.n-table thead td{}
.n-table thead td a{}
.n-table thead td div.search{}
.n-table tfoot td{}
.n-table tbody th{}
.n-table tbody td{border-bottom:1px solid #e7ecf1}
.n-table tbody tr.odd td{}
.n-table tbody tr.even td{background-color:#fff;}
.n-table tbody tr.bright td{background-color:#fafafa;color:#000;}
/*标准表单*/
.n-form{line-height:32px;}
.n-form > dt{line-height:32px;width:160px;float:left;text-align:right;margin-bottom: 10px;}
.n-form > dd{margin-left:165px;margin-bottom: 10px;}
/*标准提示*/
.n-err{min-height:70px;border:1px solid;padding:20px 10px 10px 120px;word-wrap: break-word;margin-top:10px;border-color:#dff;background-color:#abcabc;}
.n-alert{min-height:70px;border:1px solid;padding:20px 10px 10px 120px;word-wrap: break-word;margin-top:10px;color:#987;}
.n-tips{min-height:70px;border:1px solid;padding:20px 10px 10px 120px;word-wrap: break-word;margin-top:10px;background-color:#dff;border-color:#abcabc;color:blue;}
/*简单布局*/
.n-right{float:right;}
.n-search{}
/*tab组件*/
div.n-tab{margin:20px 0px 30px 0px;}
div.n-tab{border-bottom:1px solid;padding:0px 0px 0px 20px;}
div.n-tab .n-tab-list a{display:inline-block;padding:8px 16px;border:1px solid;border-width:1px 1px 0px 1px;margin-right:1px;}
div.n-tab .n-tab-list a.current{}
div.n-tab .n-tab-list a:hover{}
div.n-tab div.n-tab-more{position: relative;}
div.n-tab div.n-tab-more div{border:1px solid;display:none;position: absolute;z-index:1;right:0px;padding:10px;}
div.n-tab div.n-tab-more div a{display:inline-block;padding:6px;}
div.n-tab div.n-tab-more div a.current{}
div.n-tab div.n-tab-more div a:hover{}
div.n-tab div.n-tab-more a{}
div.n-tab div.n-tab-more a.more{display:block;text-align:right;padding:8px 16px;border:1px solid;border-width:1px 1px 0px 1px;}
/*标准浮层*/
#pop{overflow:hidden;}
.pop{}
#sunbind{filter:alpha(opacity=50);-moz-opacity:.5;opacity:0.5;z-index:999;position:absolute;left:0px;top:0px;height:100%;width:100%;}
#pop .sunblind{position:absolute;border-width:0px;filter:alpha(opacity=40);opacity:0.4;z-index:1000;top:0px;left:0px;width:100%;height:100%;display:none;background-color:#333;}
#pop .ply-html{width:600px;overflow-y:auto;overflow-x:hidden;display:none;border:6px solid #eee;position:absolute;z-index:1001;background-color:#fff;}
#pop .ply-bar{padding:5px 10px;line-height:20px;background-color:#f1f1f1;}
#pop .ply-title{}
#pop .ply-close{display:block; float:right;cursor:pointer;}
#pop .ply-hidden{display:none;}
#pop .ply-body{overflow:auto;padding:10px;}
#pop .ply-footer{line-height:30px;height:20px;padding:5px 10px;}
#ply-iframe{display:none;}






.n-card{text-align: center;margin:0;}
.n-card
.n-card > dt{}
.n-card > dd{line-height:36px;margin:0;}
.n-card > dd > b{display:block;font-size:24px;line-height:50px;border-bottom:1px solid #ccc;}
.n-card{position: relative;}
.n-card dt i{font-size:30px;position: absolute;top:25px;left:30px;}




.n-avg{font-size:0!important;}
.n-avg > *:first-child{border:none;margin:0px;padding:0px;}
.n-avg > *{display:inline-block;vertical-align: top;font-size:14px;border-left:1px solid #abcdef;}
.n-avg > * > *{border:none;}

.n-avg-gap{font-size:0!important;}
.n-avg-gap > *:first-child{border:none;margin:0px;padding:0px;}
.n-avg-gap > *{display:inline-block;vertical-align: top;font-size:14px;}
.n-avg-gap > * > *{border:none;}

/*黄金比率分割*/
.n-golden-rato > *{width:61.8%;}
.n-golden-rato > *:first-child{width:37.00999%;}

/*28分割，外边距占据左列*/
.n-28 > *{width:80%;}
.n-28 > *:first-child{width:19%;}
.n-28 > *:first-child > *{margin-right:10px;}


[dpvar]{cursor:pointer;}
[dphref]{cursor: pointer;}




.imgtab{position: relative;width:300px;height:200px;overflow: hidden;}
.imgtab img{display:none;}
.imgtab ul{position: absolute;width:180px;bottom:4px;right:20px;}
.imgtab ul li{display:inline-block;width:50px;height:10px;background-color:#3991A7;margin-left:4px;cursor: pointer;}
.imgtab ul li.current{background-color: #A8575E;}




ul.n-menuy{padding:0px;background-color: #fff;margin:0;padding:10px;}
ul.n-menuy > li{}
ul.n-menuy a{display: block;}
ul.n-menuy b,ul.n-menuy a{line-height:40px;font-size:16px;display:block;padding-left:10px;margin:2px;}
ul.n-menuy > li i.fa{margin:0 10px;font-size: 14px;}

ul.n-menuy > li > b{font-weight: normal;}
ul.n-menuy > li > b,ul.n-menuy li > a{text-decoration: none;color:#485a6a;}
ul.n-menuy  li.current > a,ul.n-menuy  li:hover > a{color:#5b9bd1;background-color:#f2f6f9;}
ul.n-menuy  li.current > b,ul.n-menuy  li:hover > b{color:#5b9bd1;background-color:#f2f6f9;}
ul.n-menuy > li ul{padding:0;}
ul.n-menuy > li ul a{color:#485a6a;padding-left:24px;}

.n-copyright{background-color:#fff;margin-top:40px;}
.n-copyright > div{width:1000px;line-height:60px;margin:0 auto;color:#485a6a;text-align: center;}


.n-top{background-color:#fff;margin:0 auto;}
.n-top > *{display:inline-block;}
.n-top > a{text-decoration: none;margin:4px 0px;}
.n-top > a > i{font-size:26px;font-style: normal;color:#5b9bd1;line-height:42px;}
.n-top > a > span{color:green;}
.n-top > div{float:right;padding-right:20px;}
.n-top > div > a{display:inline-block;text-decoration: none;font-size:16px;line-height:48px;margin:0 10px;padding: 0 10px;color:#333;}
.n-top > div > a.current,.n-top > div > a:hover{border-bottom:2px solid #5b9bd1;color:#5b9bd1;font-weight: bold;}

.green{color:green;}
.red{color:red;}
.blue{color:blue;}



.n-help{border:1px solid #5b9bd1;border-radius:10px;position: relative;color:#5b9bd1;padding:0 6px;cursor: pointer;font-size:1em;font-weight: normal;margin-left:10px;}
.n-help div{display:none;border:1px solid #5b9bd1;position: absolute;width:300px;background-color:#fff;color:#333;padding:10px;}
